<%-- 
    Document   : changeDateExpired
    Created on : Oct 10, 2013, 10:05:21 AM
    Author     : 
--%>



<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link href="css/template.css" rel="stylesheet" type="text/css" media="all" />
        <!-- JS FOR SuperFish DropDown Menu ############################# -->
        <link href="css/dropDownMenu/superfish.css" rel="stylesheet" type="text/css" media="all" />
        <script type="text/javascript" src="scripts/jquery1.6.2_production.js"></script>

        <link href="css/regis_mem_home.css" rel="stylesheet" type="text/css" />

        <!-- START CHAT FILES -->
        <link type="text/css" rel="stylesheet" media="all" href="chat/css/chat.css" />

        <link type="text/css" rel="stylesheet" media="all" href="chat/css/screen.css" />

        <script type="text/javascript" src="chat/js/jquery.js"></script>

        <script type="text/javascript" src="chat/js/chat.js"></script>
        <!-- END CHAT FILES -->
        <script type="text/javascript" src="scripts/superfish.js"></script>

        <script type="text/javascript" src="js/fancyzoom.min.js"></script>
        <script language="javascript">
            /*SCRIPT INITIALIZATION FOR DROPDOWN MENU###################### */
            $(document).ready(function() {
                $("ul.sf-menu").superfish();
                $('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});

                $('#medium_box_link').fancyZoom({width: 400, height: 300});

                $('#large_box_link').fancyZoom();

                $('#flash_box_link').fancyZoom();
            });

        </script>
        <script language="javascript" src="js/hide.js"></script>
        <link href="css/contact.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function initShowHideDivs()
            {     // Hidden value
                var divs = document.getElementsByTagName('DIV');
                var divCounter = 1;
                for (var no = 0; no < divs.length; no++) {
                    if (divs[no].className == 'dhtmlgoodies_question') {
                        divs[no].onclick = showHideContent;
                        divs[no].id = 'dhtmlgoodies_q' + divCounter;
                        var answer = divs[no].nextSibling;
                        while (answer && answer.tagName != 'DIV') {
                            answer = answer.nextSibling;
                        }
                        answer.id = 'dhtmlgoodies_a' + divCounter;
                        contentDiv = answer.getElementsByTagName('DIV')[0];
                        contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
                        contentDiv.className = 'dhtmlgoodies_answer_content';
                        contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
                        answer.style.display = 'none';
                        answer.style.height = '1px';
                        divCounter++;
                    }
                }
            }
        </script>

    </head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Numinous Match - Membership Form</title>

    <link href="css/template.css" rel="stylesheet" type="text/css" media="all" />

    <!-- JS FOR SuperFish DropDown Menu ############################# -->

    <link href="css/dropDownMenu/superfish.css" rel="stylesheet" type="text/css" media="all" />

    <script type="text/javascript" src="scripts/jquery1.6.2_production.js"></script>

    <script type="text/javascript" src="scripts/superfish.js"></script>



    <script language="javascript">

        /*SCRIPT INITIALIZATION FOR DROPDOWN MENU###################### */

        $(document).ready(function() {

            $("ul.sf-menu").superfish();



            $("#btnBenifits").click(function()

            {

                $("#upgradeCompare").slideDown("slow");

                $("#upgrade").slideUp("slow");

            });



            $("#btnCompare").click(function()

            {

                $("#upgradeCompare").slideDown("slow");

                $("#upgrade").slideUp("slow");

            });



            $("#btnUpgrade").click(function()

            {

                $("#upgradeCompare").slideUp("slow");

                $("#upgrade").slideDown("slow");

            });









        });



    </script>



    <link href="css/regis_mem_home.css" rel="stylesheet" type="text/css" />

    <link href="css/payment.css" rel="stylesheet" type="text/css" />


    <body>




        <div id="wrapper">
            <!-- HEADER STARTS HERE ###################################################  -->
            <jsp:include page="header.jsp"></jsp:include>
                <!-- HEADER ENDS HERE ###################################################  -->
                <!-- CONTENT AREA STARTS HERE ###################################################  -->



                <!-- BREADCRUMBS STARTS HERE #####################################  -->

                <div id="breadcrumb">

                    <ul class="breadcrumbs">

                        <li class="left"></li>



                        <li class="center">

                            <div id="breadcrumb_text">You are Here:

                                <span class="pathway">

                                    <a href="#">My Home</a> <img alt="" src="images/icons/arrow_breadcrumbs.png"/> Upgrade</span>

                            </div>
                        </li> <li class="right"></li>

                    </ul>

                </div>

                <!-- BREADCRUMBS ENDS HERE ########################################  -->

                <form name="frm" method="post" action="doPayment">

                    <div id="content_area">
                        <div id="inner_left">

                            <div id="inner_left_header"></div>
                            <div id="inner_left_content">
                                <p style="text-align:center;margin-top:20px; font-size:12px"><!--<strong>Mis. Tara</strong>, You are Logged in at 7:30 PM<br/>-->
                                    <a href="logout.jsp" class="button-small square-orange uppercase float_right" style="float:none; clear:both; margin:5px auto;"><span></span> Logout </a></p>
                                <hr />
                                <div class="F_prof_block margin10">
                                    <div class="head">
                                        <h2>Why We are Different</h2>
                                    </div>
                                    <div class="body">
                                        <ul class="ddlist list-tick">
                                            <li> At MatrimonyMatch you get your money's worth and you're not hounded by offensive advertisements or spam.<br />

                                                <br />

                                            </li>

                                            <li> We keep a sharp eye out to protect our members' privacy. We aggressively delete any members found spamming or harassing other members.<br />

                                                <br />

                                            </li>

                                            <li> MatrimonyMatch would NEVER create a fake profile to lure anyone. With millions of members, we have nothing to gain and everything to lose. Your trust is very important to us and our business ethics are beyond reproach.<br />

                                                <br />

                                            </li>

                                            <li> We put you in control of your auto membership renewal. You can manage your auto renew status easily online at any time.<br />

                                            </li>

                                        </ul>

                                    </div>

                                    <div class="foot"></div>

                                </div>

                                <div class="F_prof_block margin10">

                                    <div class="head">

                                        <h2>Success Stories</h2>

                                    </div>

                                    <div class="body">

                                        <table width="100%" border="0" cellspacing="5" cellpadding="0">

                                            <tr>

                                                <td height="180" align="center" valign="middle"><a href="#"><img src="images/success_img.jpg" width="150" height="150" class="img_profile" /></a></td>

                                            </tr>

                                            <tr>

                                                <td align="center">

                                                    <p><strong>Ajith</strong> got married to <strong>Priyanka</strong> on 27 February 2009 in a beautiful ceremony.Ajith was registered on numinousmatch.com as a Diamond Member, whereas Priyanka held a basic membership. </p></td>

                                            </tr>

                                            <tr>

                                                <td align="center"><strong><a href="#">Read More</a></strong></td>

                                            </tr>

                                        </table>

                                    </div>

                                    <div class="foot"></div>

                                </div>

                                <div class="innerleft_banner"><a href="#"><img src="images/innerleft_banner.jpg" width="228" height="399" alt="advertisement" /></a></div>

                            </div>



                            <div id="inner_left_footer"></div>

                        </div>

                        <div id="inner_right">

                            <!-- BUSINESS PAGE CONTENT STARTS HERE ############################################ -->

                            <a name="top" id="top"></a>

                            <div class="profile_block">

                                <div class="header">
                                    <h2 class="float_left title">
                                        <span class="black" style="color:#333;">

                                            Upgrade</span> to Premium Membership <a href="#" id="btnBenifits" class="black" style="color:#333;">(What are the benefits?)</a></h2>

                                </div>

                                <div class="body">

                                    <div style="text-align:center;">

                                        <h2 style="line-height:24px;" ><strong>Welcome  to MatrimonyMatch's Payment Page</strong><br />

                                            <strong>Your  next step could change your Life!</strong><br /></h2>

                                        <h3><strong>Become  a Premium Member</strong> <strong>to  have all the benefits of contacting other members on a personalized level</strong><br />

                                        </h3>

                                    </div>



                                    <br />

                                </div>

                            </div>

                            <div class="profiledetails">



                                <div id="upgradeCompare" style="display:none;">

                                    <h2><span> <strong><br />

                                                Compare Premium Member Benefits vs. Basic Member </strong></span><br />

                                    </h2>

                                    <table width="100%" border="0" cellspacing="5" cellpadding="5">

                                        <tr>

                                            <td width="80" height="80"><img src="images/icons/prize_winner_64.png" width="64" height="64" hspace="10" vspace="10" align="left" /></td>

                                            <td> <strong>Numinous Basic membership</strong> is a FREE membership that enables you to try out our system and see how it works. You can search, browse other member's profiles, and express your interest. </td>

                                        </tr>

                                    </table>

                                    <div style=" padding:10px; border: dotted 1px #a50050;">

                                        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="ss_webhosting">

                                            <tbody><tr class="noborders">

                                                    <th align="left" >&nbsp;</th>

                                                    <th class="heading_plans1">Numinous </th>

                                                    <th class="heading_plans2">Numinous</th>

                                                    <th class="heading_plans4">Numinous</th>

                                                    <th class="heading_plans5">Numinous</th>

                                                </tr>

                                                <tr class="noborders">

                                                    <th style="background-color:#fad3a6; color:#454545; font-weight:bold; font-size:16px; text-align:left;">Features</th>

                                                    <th class="prices_plans1">Silver</th>

                                                    <th class="prices_plans2">Gold</th>

                                                    <th class="prices_plans4">Diamond</th>

                                                    <th class="prices_plans5">Basic</th>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">My Account Home</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">Search Profiles</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">View Contact</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">View Horoscope</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">View Photo</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">View Video</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features bestvalue">Express Interest</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">Personalised email</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">Early Bird Alerts</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">Chat Online</td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span> </td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">Who's Online </td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">Auto Match </td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">Password Protect Photo </td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">Password Protect Horoscope </td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">Password Protect Video </td>

                                                    <td class="plans1"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_yes">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">SMS Alerts </td>

                                                    <td class="plans1"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">Featured Member </td>

                                                    <td class="plans1"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">High Support </td>

                                                    <td class="plans1"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr class="alt">

                                                    <td class="features">Priority Display </td>

                                                    <td class="plans1"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>

                                                <tr>

                                                    <td class="features">Match Horoscope Online</td>

                                                    <td class="plans1"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans2"><span class="status_no">&nbsp;</span></td>

                                                    <td class="plans4"><span class="status_yes">&nbsp;</span></td>

                                                    <td class="plans5"><span class="status_no">&nbsp;</span></td>

                                                </tr>
                                            </tbody></table>

                                        <h3><strong><a href="#" class="bold">and More&gt;&gt;&gt;</a></strong></h3>



                                        <div style="margin-left:auto; margin-right:auto; width:200px; height:30px;">

                                            <a href="#" class="button-small square-orange uppercase" id="btnUpgrade" ><span></span>SHOW UPGRADE PLANS </a>

                                        </div>

                                    </div>

                                </div>

                                <div id="upgrade">

                                    <h2><strong> Choose the Premium Membership Plan</strong></h2>

                                    <hr />

                                    <br />

                                    <div style="margin-left:auto; margin-right:auto; width:250px; height:30px;">

                                        <a href="#" id="btnCompare" class="button-small square-orange uppercase" ><span></span>Compare Membership Plan</a>

                                    </div>

                                    <br />

                                    <table width="100%" border="0" cellspacing="10" cellpadding="10">

                                        <tr>

                                            <td width="33%" align="center" valign="top">

                                                <table width="100%"  class="ss_webhosting">

                                                    <tr> <th class="heading_plans1">Numinous </th></tr>

                                                    <tr> <th class="prices_plans1"><p>SILVER</p></th></tr>

                                                    <tr class="alt">

                                                        <td height="140" class="plans1">50 Verified Profiles<br />

                                                            <h2 ><strong style="font-size:22px;">Rs. 60.00 /</strong> month</h2>

                                                            <p style="display:block; width:90px; padding:5px; margin:5px auto; background-color:#909ba9; color:#fff; font-size:16px; font-weight:bold;">

                                                                <label>

                                                                    <input type="radio"  value="1" style="outline:none; border:none;" name="memberPlan" id="RadioGroup1_0" />
                                                                    3 Months</label>
                                                            </p>
                                                            <p>1 Payment of <strong>USD.180.00</strong></p></td>
                                                    </tr>
                                                </table>
                                            </td>

                                            <td width="33%" align="center" valign="top">

                                                <table width="100%"  class="ss_webhosting">

                                                    <tr>

                                                        <th class="heading_plans2">Numinous </th>

                                                    </tr>

                                                    <tr> <th class="prices_plans2"><p> GOLD   </p></th></tr>

                                                    <tr class="alt">

                                                        <td height="140" class="plans2">  105 Verified Profiles<br />

                                                            <h2 ><strong style="font-size:22px;">USD. 50.00/</strong> month </h2>
                                                            <p style="display:block; width:90px; padding:5px; margin:5px auto; background-color:#e88c00; color:#fff; font-size:16px; font-weight:bold;">
                                                                <label>
                                                                    <input type="hidden" id="total" name="total"  value="" />
                                                                    <input type="radio" style="outline:none; border:none;" name="memberPlan" value="2" id="RadioGroup1_0" />

                                                                    6 Months</label>
                                                            </p>

                                                            <p>1 Payment of <strong>USD.3,000.00</strong></p>

                                                        </td>
                                                    </tr>
                                                </table>

                                            </td>

                                            <td align="center" valign="top">

                                                <table width="100%"  class="ss_webhosting">

                                                    <tr>

                                                        <th class="heading_plans4">Numinous </th>

                                                    </tr>

                                                    <tr> <th class="prices_plans4"><p> DIAMOND   </p></th></tr>

                                                    <tr class="alt">

                                                        <td height="140" class="plans4">

                                                            225 Verified Profiles<br />

                                                            <h2 ><strong style="font-size:22px;">USD. 48.30/</strong> month

                                                            </h2>
                                                            <p style="display:block; width:90px; padding:5px; margin:5px auto; background-color:#de036d; color:#fff; font-size:16px; font-weight:bold;">

                                                                <label>

                                                                    <input type="radio" style="outline:none; border:none;" name="memberPlan" value="3" id="RadioGroup1_0"  />

                                                                    1 Year</label>

                                                            </p>


                                                            <p>1 Payment of <strong>Rs.5,880.00</strong><br />

                                                                <strong style="color:#093">  BEST VALUE</strong></p>

                                                        </td>

                                                    </tr>
                                                </table>

                                            </td>

                                        </tr>

                                        <tr>


                                        </tr>
                                    </table>

                                </div>

                            </div>

                            <div class="profiledetails">
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                </tr>

                                <tr>
                                    <td>

                                        <input class="square-orange float_left" style="font-size: 13px;width:60px; height: 27px; padding: 4px 0px 0px 12px; color: white" name="submit" type="image" value="register" alt="REGISTER" onclick="return check1();"/>
                                    </td>
                                </tr>

                            </div>
                            </table>

                        </div>

                        <br />
                        <br />

                    </div>
                    <br />

                    <strong  class="float_right"><a href="index.jsp" class="link">I will subscribe later, Go back to Home Page</a></strong><br />

                    <br />
                    <!-- BUSINESS PAGE CONTENT ends HERE ############################################ -->

            </div>

            </div>
            <input type="hidden" name="username" value="<%=request.getParameter("username")%>" />
        <input type="hidden" name="email" value="<%=request.getParameter("email")%>" />
        <input type="hidden" name="pass" value="<%=request.getParameter("pass")%>" />
        <input type="hidden" name="gender" value="<%=request.getParameter("gender")%>" />
        <input type="hidden"  name="astro1" id="astro1"/>
        <input type="hidden"  name="membership"  id="membership"/>
        <input type="hidden"  name="astro"  id="astro"/>

        <input type="hidden"  name="spot"  id="spot"/>
        <input type="hidden"  name="match"  id="match"/>
        </form>

        <script>

        function check1() {
            with (document.frm) {
                var radio_check_val = "";
                for (i = 0; i < document.getElementsByName('memberPlan').length; i++) {
                    if (document.getElementsByName('memberPlan')[i].checked) {
                        alert("this radio button was clicked: " + document.getElementsByName('memberPlan')[i].value);
                        radio_check_val = document.getElementsByName('memberPlan')[i].value;

                    }

                }
                if (radio_check_val == "")
                {
                    alert("please select radio button");
                }
            }
        }
        </script>
        <!-- CONTENT AREA ENDS HERE ###################################################  -->
        <!-- FOOTER STARTS HERE ###################################################  -->

        <jsp:include page="footer.jsp"></jsp:include>

        <!-- FOOTER ENDS HERE ###################################################  -->
        </div>
    </body>
</html>


